<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jqGrid Demos</title>
<link rel="stylesheet" type="text/css" media="screen" href="themes/flick.css" />
<link rel="stylesheet" type="text/css" media="screen" href="themes/ui.jqgrid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="themes/ui.multiselect.css" />
<link rel="stylesheet" type="text/css" media="screen" href="themes/ui.global.css" />
<link rel="stylesheet" type="text/css" media="screen" href="themes/menu.css" />
<link rel="stylesheet" type="text/css" media="screen" href="themes/jquery.treeview.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/grid.loader.new.js"></script>
</head>

<body>
<div id="header" class="ui-layout-north" onmouseover="myLayout.allowOverflow('north')" onmouseout="myLayout.resetOverflow(this)">
	<h1 id="logo">한양대 학사정보 서비스</h1>
  	<div class="dcjq-mega-menu">
		<ul id="mega-menu-tut" class="menu">
			<li><a href="#">Home</a></li>
			<li><a href="#">Template</a></li>
			<li><a href="#">menu 1</a></li>
			<li><a href="#">menu 2</a></li>
			<li><a href="#">menu 3</a></li>
			<li><a href="#">menu 4</a></li>
		</ul>
	</div>  
</div>
<div id="body" class="ui-layout-center ui-helper-reset ui-widget-content" onmouseover="myLayout.allowOverflow('north')" onmouseout="myLayout.resetOverflow(this)">
	<div id="contents">
		<div id="tabs-1">
			<h1>예제 페이지</h1>
			<p>안녕하세요. 반갑습니다.</p>
			<p>이 화면은 jqGrid 데모를 위한 화면으로, 실제 프로젝트에서는 로그인 박스나 인트로 화면으로 대체될 수 있습니다.</p>
			<p>아직 프로토타입 화면이기에, UI가 미려하지 않은 점 양해바랍니다. 대신, 우측 상단에서 제공되는 다양한 테마 중에서 원하는 테마를 선택할 수 있습니다.</p>
			<p>또한, 이 화면에 대한 상세한 설명은 구글 문서도구의 <a href="http://goo.gl/Q3onn" target="_blank">jQuery + jqGrid 문서</a>에서 확인할 수 있습니다. (구글 로그인 및 JCF 연구개발 폴더 접근권한 필요.)
			<p>
			<p>웹 서버나 로컬 서버가 아닌, 로컬 파일 시스템에서 만들어졌기에 AJAX 통신의 보안 문제상 Firefox에서 테스트하시길 권합니다.
			<p>
			<p>감사합니다.</p>
		</div>
	</div>
</div>
<div id="sub" class="ui-layout-west ui-widget ui-widget-content" onmouseover="myLayout.allowOverflow('north')" onmouseout="myLayout.resetOverflow(this)">
	<table id="nav">
	</table>
</div>
<div id="footer" class="ui-layout-south">
	<p>ⓒ 2011 대우정보시스템</p>
</div>
</body>
</html>